$(function () {
    // 手机滑动
    var startX = 0;
    var moveEndX = 0;
    var X = 0;
    var iTimer = null;
    var iTimerBtn = false;
    $(".buffer").on({
        touchstart: function (e) {
            e.preventDefault();
            startX = e.originalEvent.changedTouches[0].pageX;
            clearInterval(iTimer);
            iTimerBtn = false;
            console.log("touchstart")
        },
        touchmove: function (e) {
            e.preventDefault();
            moveEndX = e.originalEvent.changedTouches[0].pageX;
            console.log("touchmove")
        },
        touchend: function (e) {
            e.preventDefault();
            X = moveEndX - startX;
            iTimerBtn = true;
            if (X > 60) {
                buffer_left();
            }
            if (X < -60) {
                buffer_right();
            }
            console.log("touchend")
        },
        touchcancel: function (e) {
            e.preventDefault();
            X = moveEndX - startX;
            iTimerBtn = true;
            if (X > 60) {
                buffer_left();
            }
            if (X < -60) {
                buffer_right();
            }
            console.log("touchcancel")
        },
    })
    // 定时运动
    iTimer = setInterval(buffer_left, 1000);
    // 旋转木马css控制数组
    var bufferArr = [{
            height: "4.5rem",
            top: '.28rem',
            left: '.3rem',
            zIndex: "196"
        }, {
            height: "4.5rem",
            top: '.28rem',
            left: '0',
            zIndex: "197"
        },
        {
            height: "4.7rem",
            top: '.16rem',
            left: '.3rem',
            zIndex: "198"
        },
        {
            height: "5rem",
            top: '0',
            left: '.7rem',
            zIndex: "199"
        },
        {
            height: "4.7rem",
            top: '.16rem',
            left: '1.1rem',
            zIndex: "198"
        },
        {
            height: "4.5rem",
            top: '.28rem',
            left: '1.4rem',
            zIndex: "197"
        },
        {
            height: "4.5rem",
            top: '.28rem',
            left: '1.1rem',
            zIndex: "196"
        }
    ]
    // js布局
    $(".buffer-list").each(function (i, el) {
        $(".buffer-list").eq(i).css(bufferArr[i]);
    })
    // 动画
    function bufferMove() {
        $(".buffer-list").each(function (i, el) {
            $(".buffer-list").eq(i).stop().animate(bufferArr[i], 300, function(){
                if(iTimerBtn){
                    // 定时运动
                    iTimer = setInterval(buffer_left, 1000);
                    iTimerBtn = false;
                }
            })
        })
    }
    // 左移
    function buffer_left() {
        var frist = bufferArr.shift();
        bufferArr.push(frist);
        bufferMove();
    }
    // 右移
    function buffer_right() {
        var last = bufferArr.pop()
        bufferArr.unshift(last)
        bufferMove();
    }
})